<!--
 * @Autor: huasenjio
 * @Date: 2021-08-25 01:53:35
 * @LastEditors: huasenjio
 * @LastEditTime: 2022-11-01 00:09:43
 * @Description: 念念不忘，必有回响。
-->
<!DOCTYPE html>
<html lang="zh_CN" theme-mode="light">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0" />
    <!-- 网站图标 -->
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <!-- 网站标题 -->
    <title><%= htmlWebpackPlugin.options.title %></title>
    <!-- 索引关键词 -->
    <meta name="keywords" content="花森门户,花森主页,花森笔录,花森低代码,花森协调流程图" />
    <!-- 网站描述 -->
    <meta name="description" content="花森门户由可自定义简洁主页、技术文章分享、拖拽低代码编辑器、协同流程图模块组成，涵盖了日常生活、娱乐、学习、影视、考研、工作、科技、实用工具等领域，致力于提供高效上网冲浪环境的公益性平台！" />
    <!-- loading遮罩 -->
    <link rel="stylesheet" href="./loading.css" />
    <link rel="stylesheet" href="./loading-ie.css" />
  </head>
  <body>
    <noscript>
      <strong>
        We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.
      </strong>
    </noscript>
    <div id="js-app-loading__container--routine">
      <div class="wheel-and-hamster">
        <div class="wheel"></div>
        <div class="hamster">
          <div class="hamster__body">
            <div class="hamster__head">
              <div class="hamster__ear"></div>
              <div class="hamster__eye"></div>
              <div class="hamster__nose"></div>
            </div>
            <div class="hamster__limb hamster__limb--fr"></div>
            <div class="hamster__limb hamster__limb--fl"></div>
            <div class="hamster__limb hamster__limb--br"></div>
            <div class="hamster__limb hamster__limb--bl"></div>
            <div class="hamster__tail"></div>
          </div>
        </div>
        <div class="spoke"></div>
      </div>
    </div>
    <div id="js-app-loading__container--ie">
      <div class="browser-tips-group">
        <div class="title">为了您更好的使用体验 请点击图标升级浏览器</div>
        <a class="icon chrome" target="_blank" href="https://www.google.com/intl/zh-CN/chrome/">
          <div class="img-box"><img src="./img/chrome.png" /></div>
          <div class="name-box">chrome</div>
        </a>
        <a class="icon edge" target="_blank" href="https://www.microsoft.com/zh-cn/edge">
          <div class="img-box"><img src="./img/edge.png" /></div>
          <div class="name-box">edge</div>
        </a>
        <a class="icon safari" target="_blank" href="https://support.apple.com/zh_CN/downloads/safari">
          <div class="img-box"><img src="./img/safari.png" /></div>
          <div class="name-box">safari</div>
        </a>
      </div>
    </div>
    <div id="app"></div>
    <script>
      function judgeIE(file, callback) {
        var userAgent = navigator.userAgent; // 浏览器的userAgent字符串
        var isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1; // 判断是否IE<11浏览器
        var isEdge = userAgent.indexOf('Edge') > -1 && !isIE; // 判断是否IE的Edge浏览器
        var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1; // 判断是否IE11浏览器
        if (isIE) {
          var reIE = new RegExp('MSIE (\\d+\\.\\d+);');
          reIE.test(userAgent);
          var fIEVersion = parseFloat(RegExp['$1']);
          if (fIEVersion === 7) {
            return 7;
          } else if (fIEVersion === 8) {
            return 8;
          } else if (fIEVersion === 9) {
            return 9;
          } else if (fIEVersion === 10) {
            return 10;
          } else {
            return 6; // IE版本<= 7
          }
        } else if (isEdge) {
          return 'edge'; // edge
        } else if (isIE11) {
          return 11; // IE11
        } else {
          return -1; // 不是ie浏览器
        }
      }
      var browerVersion = judgeIE();
      var loadingNode = undefined;
      if (browerVersion === -1 || browerVersion === 'edge') {
        // 高级浏览器
        loadingNode = document.getElementById('js-app-loading__container--routine');
      } else if (browerVersion > 8) {
        // 垃圾ie
        loadingNode = document.getElementById('js-app-loading__container--ie');
      } else {
        // 不兼容垃圾
      }
      if (loadingNode) {
        loadingNode.style.visibility = 'visible';
      }
    </script>
    <!-- built files will be auto injected -->
  </body>
</html>
